<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>平台收货</title>
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/select.css" />
<link rel="stylesheet" href="../../fonts/iconfont.css" />
</head>

<body>
<!-- title -->
<section class="process_title"><i>产品换款</i></section>

<main class="content">

    <!-- 流程 -->
    <section class="process fanx">
        <b class="right huan"></b>
        <b class="left seu"></b>
        <b class="muye"></b>
        <b class="sec"></b>
        <ul>
            <li class="hover">
                <span><i class="t13"></i></span>
                <em>估价</em>
            </li>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照提交订单</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>平台收货</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验收</em>
            </li>
            <li>
                <span><i class="t11"></i></span>
                <em>确认换款</em>
            </li>
            <li class="hover">
                <span><i class="t06"></i></span>
                <em>邮寄</em>
            </li>
            <li class="hover">
                <span><i class="t10"></i></span>
                <em>可换款</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li>
                <span><i class="t08"></i></span>
                <em>评价换款</em>
            </li>
        </ul>
    </section>

	<!-- 快递单号 -->
    <section class="express">
    	<span class="title">请把产品送到店做下一步检测为您尽快完成提交</span>
    	<ul>
        	<li>
            	<u>客户电话：</u>
            	<span>027-4021212</span>
            </li>
        	<li>
            	<u>快递单号：</u>
            	<span><input placeholder="请填写快递单号" type="text"></span>
                <a href="">提交</a>
            </li>
        </ul>
    </section>

    <!-- 单号 TAB -->
	<section class="numbers">
    	<section class="numbers_list">
            <span>
                <i>单号：</i>
                <em>24012545488879887</em>
            </span>
            <span>
                <i>下单时间：</i>
                <em>2014.05.25 16:20</em>
            </span>
        </section>
        <section id="tad" class="numbers_button">
        	<span onclick="javascript:test_item(0);"><a href="javascript:">金乐乐物流</a></span>
        	<span onclick="javascript:test_item(1);"><a href="javascript:">我的物流 </a></span>
        </section>
    </section>

	<!-- 金乐乐物流 -->
	<section id="test0" class="hide">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>金乐乐收货地址</em>
                    <em>15872325323</em>
                </span>
                <p>收货地址：广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流信息</span>
            <ul>
                <li class="hover">
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
            </ul>
        </section>
	</section>
    
    <!-- 我的物流 -->
    <section id="test1" class="hide">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>张三</em>
                    <em>15872325323</em>
                </span>
                <p>收货地址：广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流信息</span>
            <ul>
                <li class="hover">
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
            </ul>
        </section>
    </section>
    
</main>


<script type="text/javascript" language="javascript"> 
function test_item(n){
	var menu = document.getElementById("tad");
	var menuli = menu.getElementsByTagName("span");
	for(var i = 0; i< menuli.length;i++){
		menuli[i].className= "";
		menuli[n].className="hover";
		document.getElementById("test"+ i).className = "hide";
		document.getElementById("test"+ n).className = "retrofit";
	}
}
</script>
</body>
</html>
